$brand-primary: blue;
$brand-accent: turquoise;
$border-color: #6f6f6f;
$font-size:25px;


/*初始化*/

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    font-family:"Microsoft YaHei";
}
a {
    text-decoration: none;
    color: #20a0ff;
}
fieldset, img, input, button { 			/*fieldset组合表单中的相关元素*/
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
ul, ol {
    list-style: none;				/*清除列表风格*/
}
input {
    padding-top: 0;
    padding-bottom: 0;
}
textarea {
    resize: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder { color:transparent; }

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder { color:transparent; }

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder { color:transparent; }


textarea:focus::-webkit-input-placeholder { color:transparent; }

/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder { color:transparent; }

/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder { color:transparent; }

/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder { color:transparent; }


// 分辨率在1920 以上
@media screen and (min-width:1701px){

  #app,
  body {
      width:1726px;
      margin: 0 auto;
  }

// element pagination style
  
  .el-pagination{
    height: 41px;
  }
  .el-pagination .btn-next,
  .el-pagination .btn-prev,
  .el-pager li{
    min-width:44px;
    height: 41px;
    line-height: 41px;
    font-size: 25px;
    background: #848484;
    color: #fff;
    border:none;
  }

  .el-pager li{
    color:#848484;
    background: #fff;
    border: 1px solid #848484;
    margin-right:9px;
    // padding: 0;
  }

  .el-pager li:first-child{
    margin-left:9px;
  }

  .el-pager li.btn-quicknext,
  .el-pager li.btn-quickprev{
    line-height: 41px;
    color: #848484;
  }

// element date style
  
  .el-date-range-picker .el-picker-panel__body{
    width: 580px;
  }
  .el-picker-panel__shortcut{
      font-size: 18px;
  }
  .el-date-range-picker.has-sidebar{
    width: 690px !important;
  }
  .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar{
    width: 120px;
  }

  .el-date-editor.el-input{
    width: 440px;
    height: 49px;
  }
  .el-input{
    font-size: $font-size;
  }
  .el-date-table{
    font-size: 15px;
  }
  .el-date-range-picker{
    width: 580px !important;
    // top: 225px !important;
    // left: 115px !important;
  }

  .el-date-range-picker__header div{
    font-size: 18px;
  }



  // element table

  .el-table{
    font-size: 20px;
    font-weight: normal;
  }
  // .el-table__header {
  //   width: 1672px !important;
  // }

  .el-popover {
    font-size: 20px;
    text-align: center;
    color: #20a0ff;
  }

  .el-table th>.cell{
    line-height: 49px;
    font-size: 25px;
    text-align: center;
  }

  .el-table tr{
      height: 49px; 
  }

  .el-button--small{
      font-size: 20px; 
      font-family: "Microsoft YaHei";
  }

  .el-table__empty-block{
      width: 1670px;
      border-left: 1px solid grey;
      border-top: 1px solid grey;
      box-sizing: border-box;
  }


  .el-popover {
    min-width: 100px;
  }
  .el-radio-group{
    text-align: left; 
  }

  .el-radio__label {
    font-size: 18px;
    line-height: 30px;
  }


  .el-dropdown-menu {
    margin: 0;
    margin-top: -5px;
    text-align: center;
    padding: 0;
  }

  .el-dropdown-menu__item {
    font-size: 18px;
    border-bottom: 1px solid #ccc;
  }

}




// 分辨率在1920 以下**************************************************************************

@media screen and (max-width:1700px){

  #app,
  body {
      width:1200px;
      margin: 0 auto;
  }

// element pagination style
  
  .el-pagination{
    height: 22px;
  }
  .el-pagination .btn-next,
  .el-pagination .btn-prev,
  .el-pager li{
    min-width:25px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    background: #848484;
    color: #fff;
    border:none;
  }

  .el-pager li{
    color:#848484;
    background: #fff;
    border: 1px solid #848484;
    margin-right:3px;
    // padding: 0;
  }

  .el-pager li:first-child{
    margin-left:3px;
  }

  .el-pager li.btn-quicknext,
  .el-pager li.btn-quickprev{
    line-height: 22px;
    color: #848484;
  }

// element date style
  
  .el-date-range-picker .el-picker-panel__body{
    width:260px;
  }
  .el-picker-panel__shortcut{
      font-size: 13px;
  }
  .el-date-range-picker.has-sidebar{
    width: 260px !important;
  }
  .el-picker-panel [slot=sidebar], .el-picker-panel__sidebar{
    width: 90px;
  }

  .el-date-editor--daterange.el-input{
    width: 260px;
  }
  .el-date-editor .el-input{
    width: 260px;
    height: 27px;
  }
  .el-date-table td{
    height: 28px;
  }
  .el-input{
    font-size: 15px;
  }
  .el-date-range-picker{
    width: 260px !important;
    // top: 125px !important;
    // left: 92px !important;
  }
  .el-picker-panel [slot=sidebar]+.el-picker-panel__body, .el-picker-panel__sidebar+.el-picker-panel__body{
    margin-left: 86px;
  }
  .el-date-table{
    font-size: 12px;
  }
  .el-date-range-picker.has-sidebar{
    min-width: 600px;
  }
  .el-date-range-picker__header div{
    font-size: 13px;
  }


  // element table

  .el-table{
    font-size: 13px;
    font-weight: normal;
  }

  .el-table th>.cell{
    line-height: 33px;
    font-size: 15px;
    text-align: center;
  }

  .el-table tr{
      height: 33px;
  }

  .el-table tr td{
    height: 33px;
  }

  .el-button--small{
      font-size: 13px; 
  }
  .el-popover{
    font-size: 13px;
    text-align: center;    
    color: #20a0ff;    
  }

  .el-popover {
    min-width: 100px;
  }

  .el-radio-group {
    text-align: left;
  }

  .el-radio__label {
    font-size: 15px;
    line-height: 25px;
  }


  .el-table__empty-block{
      width: 1162px;
      min-height: 50px;
      border-left: 1px solid grey;
      border-top: 1px solid grey;
      box-sizing: border-box;
  }

  // checkbox style

  .el-checkbox__inner{
    width: 15px;
    height: 15px;
  }
  .el-checkbox__inner::after{
    left: 4px;
    height: 7px;
    width: 3px;
  }




  .el-dropdown-menu {
    margin: 0;
    margin-top: -5px;
    text-align: center;
    padding: 0;
  }

  .el-dropdown-menu__item {
    font-size: 12px;
    border-bottom: 1px solid #ccc;
  }

}












// 通用样式+++++++++++++++++++++++++++++++++++++++++++++++++

.el-icon-minus{
    transform: rotate(90deg);
    color: #8b8b8b;
}

.el-checkbox{
    cursor: default;
}


// element pagination style

.el-pagination .btn-next:hover,
.el-pagination .btn-prev:hover{
  color: #fff;
}
.el-pager li.active{
  background: #848484;
  border:none;
}
.el-pager li.active:hover{
  color:#fff;
}
.el-pager li:hover{
  color:#848484;
}
.el-pager li.active+li,
.el-pager li:last-child{
  border:1px solid #848484;
  // padding: 0px;
}
.el-pagination{
  padding: 0;
}

// element date style

.el-input__icon+.el-input__inner{
  padding: 0;
}

.el-date-table td.today{
  color: #48576a;
}
.el-date-table td.current:not(.disabled), .el-date-table td.end-date, .el-date-table td.start-date{
  background-color: #848484 !important;
  color: #fff;
}
.el-date-table td.today:before{
  border-top: .5em solid #848484;
}

.el-year-table td.current:not(.disabled) .cell{
  background-color: #848484 !important;
}
.el-month-table td.current:not(.disabled) .cell{
  background-color: #848484 !important;
}
.el-input__icon{
  color: #848484;
}

// element table
table{
  border-collapse: collapse;
}
.name-wrapper{
  overflow: hidden;
}

.el-table td, .el-table th.is-leaf{
    background: #fff;
}
.el-table--border td, .el-table--border th{
    box-sizing: border-box;
    border: 1px solid #8b8b8b;
    background-clip: padding-box !important;
}

.el-table__footer-wrapper thead div, .el-table__header-wrapper thead div{
    background: #fff;
}

.el-table::after, .el-table::before{
    background-color: #8b8b8b;
}


.el-table .cell{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  line-height: 2;
}
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #bfcbd9;
}


// sort 
.el-table-filter__list-item:first-child {
  display: none;
}

.el-table th>.cell.highlight {
  color: #1f2d3d;
}
.el-table-filter__list-item{
  text-align: center;
  font-size: 18px;
}







